<!DOCTYPE html>
<html lang="en">

<script src="iconfont\iconfont.js"></script>
<!-- 引入图标项目symbol代码 -->

<style>
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
</style>
<!-- 加入图标通用css代码 -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腾讯视频</title>
    <link rel="stylesheet" href="css\base.css">
    <!--初始化文件-->
    <link rel="stylesheet" href="css\common1.css">
    <!-- 公共样式文件 -->
    <link rel="stylesheet" href="iconfont\iconfont.css">
    <!-- 图标css文件 -->

</head>

<body>
    <div class=" sy1">
        <div class="shortcut">
            <div class="logo">
                &nbsp;&nbsp;
                <svg class="icon logopic" aria-hidden="true">
                    <use xlink:href="#icon-tengxunshipin"></use>
                </svg>
                &nbsp;&nbsp;
                <span class="logotext"> 腾讯视频</span>
            </div>
            <div class="search1">
                <input type="text" class="ssinput" placeholder="   与凤行">

                <button class="ssbtn">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <svg class="icon ssbtnpic" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>

                </button>
            </div>
            <div class="search2" style="display: none;">
                <input type="text" class="ssinput" placeholder="   与凤行">

                <button class="ssbtn">
                    <span>
                        <svg class="icon qw" aria-hidden="true">
                            <use xlink:href="#icon-quanwang"></use>
                        </svg>
                    </span>
                    <div class="ssbtn-2"><span><svg class="icon ssbtnpic" aria-hidden="true">
                                <use xlink:href="#icon-sousuo1"></use>
                            </svg></span>
                        <span>全网搜</span>
                    </div>


                </button>
            </div>

            <div class="choice ">
                <svg class="icon choices " aria-hidden="true">
                    <use xlink:href="#icon-kaitonghuiyuan"></use>
                </svg>
                <svg class="icon choices choices-none" aria-hidden="true">
                    <use xlink:href="#icon-youxi"></use>
                </svg>
                <svg class="icon choices" aria-hidden="true">
                    <use xlink:href="#icon-shijian"></use>
                </svg>
                <svg class="icon choices choices-none" aria-hidden="true">
                    <use xlink:href="#icon-luzhibeifen"></use>
                </svg>
                <svg class="icon choices" aria-hidden="true">
                    <use xlink:href="#icon-shuru"></use>
                </svg>
                <span class="loginbh">
                    <svg class="icon login" aria-hidden="true">
                        <use xlink:href="#icon-denglu-copy"></use>
                    </svg>
                </span>
                <div class="login-hidden">
                    <div class="hidden-up"">登陆之后可以</div>
                                            <div class=" hidden-centre">
                        <li><svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-cloud"></use>
                            </svg><span>同步多端观看记录</span></li>
                        <li><svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-taolunqu"></use>
                            </svg><span>参与互动讨论</span></li>
                        <li><svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-renqiniuren"></use>
                            </svg><span>观看更个性化内容</span></li>
                        <li><svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youxi1"></use>
                            </svg><span>领取专属游戏礼包</span></li>

                    </div>
                    <div class="hidden-down">立即登录</div>



                </div>


            </div>

        </div>


        <div class="denglu">
            <div class="denglu-up">
                <span><svg class="icon zuo " aria-hidden="true">
                        <use xlink:href="#icon-zuojiantou"></use>
                    </svg></span>
                <span>QQ账号登录</span>
                <span> <svg class="icon cuo " aria-hidden="true">
                        <use xlink:href="#icon-cuowu"></use>
                    </svg></span>
            </div>
            <div class="denglu-centre">登录后高清播放更流畅</div>
            <div class="denglu-down">
                <div class="down-left">
                    <div class="left-up">
                        <div style="font-size: 25px;">密码登录</div>
                        <div>推荐使用<a href="#" style="color:#528ce8;">快捷登录</a>，防止盗号。</div>
                    </div>
                    <div>
                        <div><input type="text" placeholder="支持QQ号/邮箱/手机号登录"></div>
                        <div><input type="text" placeholder="请输入密码"></div>
                    </div>

                    <div><button>登录</button></div>
                    <div class="left-down">
                        <a href="#">找回密码</a>
                        <a href="#">注册账号</a>
                        <a href="#">意见反馈</a>
                    </div>
                </div>
                <div class="down-right">
                    <div><svg class="icon  " aria-hidden="true">
                            <use xlink:href="#icon-dagou"></use>
                        </svg>
                        全选<a href="#">腾讯视频</a>将获取以下权限；</div>
                    <div><svg class="icon  " aria-hidden="true" style="font-size: 18px;">
                            <use xlink:href="#icon-dagouyouquan"></use>
                        </svg> 使用你的QQ头像、昵称信息</div>
                    <div>授权即同意<a href="#">服务协议</a>
                        <a href="#">QQ隐私保护指引</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="centre">
            <div class="nav">

                <li><svg class="icon blue " aria-hidden="true">
                        <use xlink:href="#icon-xingxing"></use>

                        <span class="blue">首页</span></li>
                <li><svg class="icon " aria-hidden="true">
                        <use xlink:href="#icon-shipin"></use>
                        <span>中视频</span>
                </li>
                <li><svg class="icon " aria-hidden="true">
                        <use xlink:href="#icon-dianshi"></use>
                        <span>电视剧</span>
                </li>
                <li><svg class="icon " aria-hidden="true">
                        <use xlink:href="#icon-dianying"></use>
                        <span>电影</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-zongyi"></use>
                        <span>综艺</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-dongman"></use>
                        <span>动漫</span>
                </li>
                <li><svg class="icon " aria-hidden="true">
                        <use xlink:href="#icon-shaoer"></use>
                        <span>少儿</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-airudiantubiaohuizhi-zhuanqu_tiyushijie"></use>
                        <span>体育</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-jilupian"></use>
                        <span>纪录片</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-duanju-xuanzhong"></use>
                        <span>短句</span>
                </li>
                <li><svg class="icon  " aria-hidden="true">
                        <use xlink:href="#icon-a-basketball1x"></use>
                        <span>NBA</span>
                    </svg>
                </li>
            </div>
            <div class="centre-right">

                <div class="show">

                    <div class="left">
                        <span>唐艺昕 谢楠 社交观察<br>"顶级暧昧！男女追爱海边奔跑”</span>
                        <div class="bofa">
                            <button><svg class="icon bofap" aria-hidden="true">
                                    <use xlink:href="#icon-bofang"></use>
                                </svg> 播放正片</button>
                            <svg class="icon jingyin" aria-hidden="true">
                                <use xlink:href="#icon-jingyin"></use>
                            </svg>
                        </div>
                    </div>
                    <div class="right">
                        <span><svg class="icon zuo" aria-hidden="true">
                                <use xlink:href="#icon-zuojiantou-copy"></use>
                            </svg></span>
                        <ul>
                            <li><img src="pics\谢谢你温暖我.webp">
                                <br> 谢谢你温暖我
                            </li>
                            <li><img src="pics\斗破苍穹年番.webp">
                                <br> 斗破苍穹年番
                            </li>
                            <li><img src="pics\废品飞车.webp">
                                <br> 废品飞车
                            </li>
                            <li><img src="pics\半熟恋人3.webp">
                                <br> 半熟恋人3
                            </li>
                            <li><img src="pics\嘉人自有约.webp">
                                <br> 嘉人自有约
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="sy2">
        <div class="first">
            <div class="fl">
                <div class="big">重磅热播</div>
                <svg class="icon line" aria-hidden="true">
                    <use xlink:href="#icon-shuxian"></use>
                    <span style="color: aliceblue;" class="all">全部</span>
                    <span class=" dsj">电视剧</span>
                    <span>综艺</span>
                    <span>电影</span>
                    <span>动漫</span>
                    <span>少儿</span>
                    <span>纪录片</span>
            </div>
            <div class=" fr">
                <svg class="icon change" aria-hidden="true">
                    <use xlink:href="#icon-huanyihuan"></use>
                    <span>换一换</span>
            </div>

        </div>
        <div class=" film1">
            <div class="detail"><img src="pics\与凤行.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>与凤行🔥赵丽颖林更新</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">好磕!霸气女王爷与病娇神君</span>


            </div>
            <div class="detail"><img src="pics\小日子.webp">
                <span class="shoub">独播</span>
                <span class="new">更新至11集</span>
                <br>
                <span>小日子</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">陈晓童谣首搭守护小日子</span>


            </div>
            <div class="detail"><img src="pics\欢乐颂.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至21集</span>
                <br>
                <span>欢乐颂5</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">江疏影杨采钰五美复仇出击</span>


            </div>
            <div class="detail"><img src="pics\hhh.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至05集</span>
                <br>
                <span>hhhhh 第4季</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">邓超陈赫鹿晗合体旅行</span>


            </div>
            <div class="detail"><img src="pics\谢谢.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>谢谢你温暖我</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">林一李兰迪相爱救赎</span>


            </div>
            <div class="detail"><img src="pics\金手指.png">
                <span class="shoub">首播</span>
                <span class="new">8.3分</span>
                <br>
                <span>金手指</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">梁朝伟刘德华20年再飙戏</span>


            </div>
            <div class="detail"><img src="pics\她们.webp">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>今天的她们</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">宋轶佘诗曼李纯热辣逆袭</span>


            </div>
            <div class="detail"><img src="pics\浩哥.jpg">
                <span class="shoub">预约</span>
                <span class="new">3月31日上线</span>
                <br>
                <span>浩哥闹县衙</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">浩式喜剧再现经典</span>


            </div>
            <div class="detail"><img src="pics\执笔.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>执笔</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">执命运之笔 陷痴缠虐恋</span>


            </div>
            <div class="detail"><img src="pics\半熟恋人3.webp">
                <span class="shoub">预约</span>
                <span class="new">3月29日上线</span>
                <br>
                <span>半熟恋人3</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">轻熟男女奔赴海岛寻爱</span>


            </div>

        </div>
        <div class="film2">
            <div class="detail"><img src="pics\金手指.png">
                <span class="shoub">首播</span>
                <span class="new">8.3分</span>
                <br>
                <span>金手指</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">梁朝伟刘德华20年再飙戏</span>


            </div>
            <div class="detail"><img src="pics\她们.webp">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>今天的她们</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">宋轶佘诗曼李纯热辣逆袭</span>


            </div>
            <div class="detail"><img src="pics\浩哥.jpg">
                <span class="shoub">预约</span>
                <span class="new">3月31日上线</span>
                <br>
                <span>浩哥闹县衙</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">浩式喜剧再现经典</span>


            </div>
            <div class="detail"><img src="pics\执笔.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>执笔</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">执命运之笔 陷痴缠虐恋</span>


            </div>
            <div class="detail"><img src="pics\半熟恋人3.webp">
                <span class="shoub">预约</span>
                <span class="new">3月29日上线</span>
                <br>
                <span>半熟恋人3</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">轻熟男女奔赴海岛寻爱</span>


            </div>
            <div class="detail"><img src="pics\与凤行.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>与凤行🔥赵丽颖林更新</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">好磕!霸气女王爷与病娇神君</span>


            </div>
            <div class="detail"><img src="pics\小日子.webp">
                <span class="shoub">独播</span>
                <span class="new">更新至11集</span>
                <br>
                <span>小日子</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">陈晓童谣首搭守护小日子</span>


            </div>
            <div class="detail"><img src="pics\欢乐颂.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至21集</span>
                <br>
                <span>欢乐颂5</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">江疏影杨采钰五美复仇出击</span>


            </div>
            <div class="detail"><img src="pics\hhh.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至05集</span>
                <br>
                <span>hhhhh 第4季</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">邓超陈赫鹿晗合体旅行</span>


            </div>
            <div class="detail"><img src="pics\谢谢.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>谢谢你温暖我</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">林一李兰迪相爱救赎</span>


            </div>
        </div>

    </div>
    <div class="sy2">
        <div class="first">
            <div class="fl">
                <div class="big">重磅热播</div>
                <svg class="icon line" aria-hidden="true">
                    <use xlink:href="#icon-shuxian"></use>
                    <span style="color: aliceblue;" class="all">全部</span>
                    <span class=" dsj">电视剧</span>
                    <span>综艺</span>
                    <span>电影</span>
                    <span>动漫</span>
                    <span>少儿</span>
                    <span>纪录片</span>
            </div>
            <div class=" fr">
                <svg class="icon change" aria-hidden="true">
                    <use xlink:href="#icon-huanyihuan"></use>
                    <span>换一换</span>
            </div>

        </div>
        <div class=" film1">
            <div class="detail"><img src="pics\与凤行.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>与凤行🔥赵丽颖林更新</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">好磕!霸气女王爷与病娇神君</span>


            </div>
            <div class="detail"><img src="pics\小日子.webp">
                <span class="shoub">独播</span>
                <span class="new">更新至11集</span>
                <br>
                <span>小日子</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">陈晓童谣首搭守护小日子</span>


            </div>
            <div class="detail"><img src="pics\欢乐颂.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至21集</span>
                <br>
                <span>欢乐颂5</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">江疏影杨采钰五美复仇出击</span>


            </div>
            <div class="detail"><img src="pics\hhh.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至05集</span>
                <br>
                <span>hhhhh 第4季</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">邓超陈赫鹿晗合体旅行</span>


            </div>
            <div class="detail"><img src="pics\谢谢.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>谢谢你温暖我</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">林一李兰迪相爱救赎</span>


            </div>
            <div class="detail"><img src="pics\金手指.png">
                <span class="shoub">首播</span>
                <span class="new">8.3分</span>
                <br>
                <span>金手指</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">梁朝伟刘德华20年再飙戏</span>


            </div>
            <div class="detail"><img src="pics\她们.webp">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>今天的她们</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">宋轶佘诗曼李纯热辣逆袭</span>


            </div>
            <div class="detail"><img src="pics\浩哥.jpg">
                <span class="shoub">预约</span>
                <span class="new">3月31日上线</span>
                <br>
                <span>浩哥闹县衙</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">浩式喜剧再现经典</span>


            </div>
            <div class="detail"><img src="pics\执笔.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>执笔</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">执命运之笔 陷痴缠虐恋</span>


            </div>
            <div class="detail"><img src="pics\半熟恋人3.webp">
                <span class="shoub">预约</span>
                <span class="new">3月29日上线</span>
                <br>
                <span>半熟恋人3</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">轻熟男女奔赴海岛寻爱</span>


            </div>

        </div>
        <div class="film2">
            <div class="detail"><img src="pics\金手指.png">
                <span class="shoub">首播</span>
                <span class="new">8.3分</span>
                <br>
                <span>金手指</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">梁朝伟刘德华20年再飙戏</span>


            </div>
            <div class="detail"><img src="pics\她们.webp">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>今天的她们</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">宋轶佘诗曼李纯热辣逆袭</span>


            </div>
            <div class="detail"><img src="pics\浩哥.jpg">
                <span class="shoub">预约</span>
                <span class="new">3月31日上线</span>
                <br>
                <span>浩哥闹县衙</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">浩式喜剧再现经典</span>


            </div>
            <div class="detail"><img src="pics\执笔.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>执笔</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">执命运之笔 陷痴缠虐恋</span>


            </div>
            <div class="detail"><img src="pics\半熟恋人3.webp">
                <span class="shoub">预约</span>
                <span class="new">3月29日上线</span>
                <br>
                <span>半熟恋人3</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">轻熟男女奔赴海岛寻爱</span>


            </div>
            <div class="detail"><img src="pics\与凤行.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至04集</span>
                <br>
                <span>与凤行🔥赵丽颖林更新</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">好磕!霸气女王爷与病娇神君</span>


            </div>
            <div class="detail"><img src="pics\小日子.webp">
                <span class="shoub">独播</span>
                <span class="new">更新至11集</span>
                <br>
                <span>小日子</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">陈晓童谣首搭守护小日子</span>


            </div>
            <div class="detail"><img src="pics\欢乐颂.jpg">
                <span class="shoub">首播</span>
                <span class="new">更新至21集</span>
                <br>
                <span>欢乐颂5</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">江疏影杨采钰五美复仇出击</span>


            </div>
            <div class="detail"><img src="pics\hhh.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至05集</span>
                <br>
                <span>hhhhh 第4季</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">邓超陈赫鹿晗合体旅行</span>


            </div>
            <div class="detail"><img src="pics\谢谢.jpg">
                <span class="vip">VIP</span>
                <span class="new">更新至16集</span>
                <br>
                <span>谢谢你温暖我</span>
                <br>
                <span style="font-size:14px; color: #727272 ;">林一李兰迪相爱救赎</span>


            </div>
        </div>

    </div>

</body>
<script src="js\first.js"></script>


</html>